<template>
  <div>
    <el-pagination background style="text-align: right;" :current-page="page" :page-sizes="[10, 20, 30, 40, 50, 100]" :page-size="20" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
  </div>
</template>

<script>
export default {
  props: {
    total: {
      type: Number
    },
    page: {
      type: Number
    }
  },
  methods: {
    handleSizeChange(val) {
      this.$emit('size', val)
    },
    handleCurrentChange(val) {
      this.$emit('current', val)
    }
  }
}
</script>
